<template>
  <div class="caseList">
    <div class="u-flex u-row-between item" v-for="i in 9" :key="i">
      <img :src="require('@/assets/img/list.jpg')" alt="" />
      <div class="right">
        <div class="tit">广西东森第一医院</div>
        <div class="caseprop">
          <div>规模：160000㎡</div>
          <div>造价：2.8亿</div>
          <div>时间：2021年</div>
          <div>地点：广西南宁市</div>
        </div>
      </div>
    </div>
  </div>
</template>
<script>
export default {
  name: "CaseList",
  components: {},
  data() {
    return {};
  },
};
</script>
<style lang="scss" scoped>
.caseList {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 0 180px;
  margin: auto;
  .item {
    width: 450px;
    height: 160px;
    // background: skyblue;
    margin: 18px 40px;
    .right {
      flex: 1;
      padding: 20px 10px 20px 20px;
      .tit {
        font-size: 22px;
        color: #6ca88f;
      }
      .caseprop {
        display: flex;
        flex-wrap: wrap;
        margin-top: 10px;
        > div {
          margin-right: 15px;
          margin-top: 15px;
        }
      }
    }
  }
}
</style>